<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>360动画项目演示</title>
		<link href="css/index.css" rel="stylesheet" />
	</head>
	<body>
		<div class="header">
			<div class="w">
				<b class="iconlist1 logo"></b>
				<div class="nav">
					<ul>
						<li class="selected"><a href="#">首页</a></li>
						<li><a href="#">常见问题</a></li>
						<li><a href="#">支持机型</a></li>
						<li><a href="#">官方微博</a></li>
						<li><a href="#">官方论坛</a></li>
						<li><b class="iconlist2 down android-down"></b></li>
						<li><b class="iconlist2 down ios-down"></b></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="one">
				<div class="w">
					<b class="iconlist1 logo"></b>
					<b class="iconlist1 logo-text"></b>
					<ul>
						<li class="logo-ball-blue">
							<p></p>
							<b></b>
						</li>
						<li class="logo-ball-green">
							<p></p>
							<b></b>
						</li>
						<li class="logo-ball-yellow">
							<p></p>
							<b></b>
						</li>
						<li class="logo-ball-orange">
							<p></p>
							<b></b>
						</li>
						<li class="logo-ball-red">
							<p></p>
							<b></b>
						</li>
					</ul>
				</div>
			</div>
			<div class="two">
				<div class="w">
					<b class="iconlist2 logo"></b>
					<b class="iconlist2 logo-text"></b>
					<div class="logo-ball">
						<b class="logo-ball-one"></b>
						<b class="logo-ball-two"></b>
						<b class="logo-ball-three"></b>
						<b class="logo-ball-four"></b>
					</div>
					<div class="logo-ball logo-ball-second">
						<b class="logo-ball-five"></b>
						<b class="logo-ball-six"></b>
						<b class="logo-ball-seven"></b>
					</div>
				</div>
			</div>
			<div class="three">
				<div class="w">
					<div class="caption">
						<div>
							<b></b>
							<p>一键呼叫</p>
						</div>
						<div>
							<p>在忙碌而杂乱的办公室，<br>有时明知道U盘就在桌上某处，可翻来找去就是找不到。</p>
							<p>通过手机客户端向佩戴在U盘上的防丢卫士发出“呼叫”指令，<br>防丢卫士即会发出声音，帮你轻松找到U盘。</p>
						</div>
					</div>
					<b class="logo-phone"></b>
				</div>
			</div>
			<div class="four w">
				<div>
					<b class="logo-phone"></b>
					<div class="caption">
						<div>
							<b></b>
							<p>智能提醒</p>
						</div>
						<div>
							<p>上班，赴约，或者仅仅是下楼取快递，<br>难免因为匆忙出门而忘记带钱包，造成付款时的尴尬。</p>
							<p>出门前，如果钱包不在身上，<br>防丢卫士会通过手机发出“报警”，提醒你带钱包。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="five">
				<div class="w">
					<b class="logo-phone"></b>
					<div class="caption">
						<div>
							<b></b>
							<p>定位记录</p>
						</div>
						<div>
							<p>回家路上发现钥匙不在身边，<br>究竟是落在公司，还是忘在家里，或是在路上某处?</p>
							<p>防丢卫士会记录钥匙最后一次在身边的未知以及时间，<br>帮你最短时间找回钥匙。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="six">
				<div class="w">
					<ul>
						<li class="logo-point-one">
							<b></b>
							<div>
								<p>一键呼叫</p>
								<p>找不到周围物品时，点击“呼叫”<br>按钮，便可通过声音找到它。</p>
							</div>

						</li>
						<li class="logo-point-two">
							<b></b>
							<div>
								<p>智能提醒</p>
								<p>当物品和手机距离较远时，手机<br>会收到报警，提醒您不忘带物品</p>
							</div>
						</li>
						<li class="logo-point-three">
							<b></b>
							<div>
								<p>定位记录</p>
								<p>防丢卫士会记录物品丢失前的最<br>后位置及时间，放便快速寻找</p>
							</div>
						</li>
						<li class="logo-point-four">
							<b></b>
							<div>
								<p>双向防丢</p>
								<p>当手机距离较远时，防丢卫士会<br>发出声音，提醒您手机部在身边</p>
							</div>
						</li>
						<li class="logo-point-five">
							<b></b>
							<div>
								<p>超低功耗</p>
								<p>最新蓝牙4.0技术，超低功耗，<br>一杖电池可用3个月以上</p>
							</div>
						</li>
						<li class="logo-point-six">
							<b></b>
							<div>
								<p>小巧易戴</p>
								<p>仅一元硬币大小，可轻松粘贴<br>或佩挂在物品上</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="w">
				<ul>
					<li class="foot-follow">
						<p>关注我们</p>
						<ul>
							<li><a href="#">官方论坛</a></li>
							<li><a href="#">新浪微博</a></li>
						</ul>
					</li>
					<li class="foot-web">
						<p>相关网站</p>
						<ul>
							<li><a href="#">360硬件专区</a></li>
							<li><a href="#">360安全路由</a></li>
							<li><a href="#">360儿童卫士</a></li>
						</ul>
					</li>
					<li class="foot-qrcode foot-sina">
						<b></b>
					</li>
					<li class="foot-qrcode foot-wechat">
						<b></b>
					</li>
				</ul>
				<div class="foot-copyright">
					Copyright&nbsp;&nbsp;2005-2014&nbsp;360.cn&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;360安全中心
				</div>
			</div>
		</div>
	</body>
</html>
